Node / ReticulumProjects / MeshChatX.git / files / tests / frontend / LanguageSwitcherOptionsApi.regression.test.js

Displaying Raw • Download

T8b949e// SPDX-License-Identifier: 0BSD

T8b949e/**

* PROVED: setLocale(this.$i18n) under vue-i18n legacy:false loads packs and switches UI.

* Bug class: incomplete-fix (Options API $i18n proxy lacks setLocaleMessage).

*/

Tff7b72import Tb4b4b4{ Te6edf3describeTb4b4b4, Te6edf3itTb4b4b4, Te6edf3expectTb4b4b4, Te6edf3beforeEachTb4b4b4, Te6edf3afterEach Tb4b4b4} Tff7b72from Ta5d6ff"vitest"Tb4b4b4;

Tff7b72import Tb4b4b4{ Te6edf3mountTb4b4b4, Te6edf3flushPromises Tb4b4b4} Tff7b72from Ta5d6ff"@vue/test-utils"Tb4b4b4;

Tff7b72import Tb4b4b4{ Te6edf3createI18n Tb4b4b4} Tff7b72from Ta5d6ff"vue-i18n"Tb4b4b4;

Tff7b72import Tb4b4b4{ Te6edf3nextTick Tb4b4b4} Tff7b72from Ta5d6ff"vue"Tb4b4b4;

Tff7b72import Tb4b4b4{

Te6edf3listLocaleCodesTb4b4b4,

Te6edf3normalizeUiLocaleCodeTb4b4b4,

Te6edf3registerUiI18nTb4b4b4,

Te6edf3setLocaleTb4b4b4,

Tb4b4b4} Tff7b72from Ta5d6ff"../../meshchatx/src/frontend/js/localeLoader.js"Tb4b4b4;

Tff7b72import Te6edf3LanguageSelector Tff7b72from Ta5d6ff"../../meshchatx/src/frontend/components/LanguageSelector.vue"Tb4b4b4;

Tff7b72import Te6edf3en Tff7b72from Ta5d6ff"../../meshchatx/src/frontend/locales/en.json"Tb4b4b4;

Tff7b72import Te6edf3de Tff7b72from Ta5d6ff"../../meshchatx/src/frontend/locales/de.json"Tb4b4b4;

Tff7b72function Te6edf3createAppI18nTb4b4b4(Tb4b4b4) Tb4b4b4{

Tff7b72return Te6edf3createI18nTb4b4b4(Tb4b4b4{

Te6edf3legacyTff7b72: Tff7b72falseTb4b4b4,

Te6edf3localeTff7b72: Ta5d6ff"en"Tb4b4b4,

Te6edf3fallbackLocaleTff7b72: Ta5d6ff"en"Tb4b4b4,

Te6edf3messagesTff7b72: Tb4b4b4{ Te6edf3en Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4)Tb4b4b4;

Tb4b4b4}

Te6edf3describeTb4b4b4(Ta5d6ff"language switcher Options API $i18n regression"Tb4b4b4, Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4{

Te6edf3beforeEachTb4b4b4(Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4{

Te6edf3registerUiI18nTb4b4b4(Tff7b72nullTb4b4b4)Tb4b4b4;

Tffa657documentTb4b4b4.Te6edf3documentElementTb4b4b4.Te6edf3lang Tff7b72= Ta5d6ff"en"Tb4b4b4;

Tb4b4b4}Tb4b4b4)Tb4b4b4;

Te6edf3afterEachTb4b4b4(Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4{

Te6edf3registerUiI18nTb4b4b4(Tff7b72nullTb4b4b4)Tb4b4b4;

Tb4b4b4}Tb4b4b4)Tb4b4b4;

Te6edf3itTb4b4b4(Ta5d6ff"exposes a locale-only proxy on this.$i18n under legacy:false"Tb4b4b4, Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4{

Tff7b72const Te6edf3i18n Tff7b72= Te6edf3createAppI18nTb4b4b4(Tb4b4b4)Tb4b4b4;

Tff7b72const Te6edf3wrapper Tff7b72= Te6edf3mountTb4b4b4(Tb4b4b4{ Te6edf3templateTff7b72: Ta5d6ff"<div />" Tb4b4b4}Tb4b4b4, Tb4b4b4{ Tffa657globalTff7b72: Tb4b4b4{ Te6edf3pluginsTff7b72: Tb4b4b4[Te6edf3i18nTb4b4b4] Tb4b4b4} Tb4b4b4}Tb4b4b4)Tb4b4b4;

Te6edf3expectTb4b4b4(Tff7b72typeof Te6edf3wrapperTb4b4b4.Te6edf3vmTb4b4b4.Te6edf3$i18nTb4b4b4.Te6edf3setLocaleMessageTb4b4b4)Tb4b4b4.Te6edf3toBeTb4b4b4(Ta5d6ff"undefined"Tb4b4b4)Tb4b4b4;

Te6edf3expectTb4b4b4(Tff7b72typeof Te6edf3wrapperTb4b4b4.Te6edf3vmTb4b4b4.Te6edf3$i18nTb4b4b4.Te6edf3localeTb4b4b4)Tb4b4b4.Te6edf3toBeTb4b4b4(Ta5d6ff"string"Tb4b4b4)Tb4b4b4;

Tb4b4b4}Tb4b4b4)Tb4b4b4;

Te6edf3itTb4b4b4(Ta5d6ff"fails closed without registerUiI18n when only the Options API proxy is passed"Tb4b4b4, Tff7b72async Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4{

Tff7b72const Te6edf3i18n Tff7b72= Te6edf3createAppI18nTb4b4b4(Tb4b4b4)Tb4b4b4;

Tff7b72const Te6edf3wrapper Tff7b72= Te6edf3mountTb4b4b4(Tb4b4b4{ Te6edf3templateTff7b72: Ta5d6ff"<div />" Tb4b4b4}Tb4b4b4, Tb4b4b4{ Tffa657globalTff7b72: Tb4b4b4{ Te6edf3pluginsTff7b72: Tb4b4b4[Te6edf3i18nTb4b4b4] Tb4b4b4} Tb4b4b4}Tb4b4b4)Tb4b4b4;

Te6edf3expectTb4b4b4(Tff7b72await Te6edf3setLocaleTb4b4b4(Te6edf3wrapperTb4b4b4.Te6edf3vmTb4b4b4.Te6edf3$i18nTb4b4b4, Ta5d6ff"de"Tb4b4b4)Tb4b4b4)Tb4b4b4.Te6edf3toBeTb4b4b4(Tff7b72falseTb4b4b4)Tb4b4b4;

Te6edf3expectTb4b4b4(Te6edf3i18nTb4b4b4.Tffa657globalTb4b4b4.Te6edf3localeTb4b4b4.Te6edf3valueTb4b4b4)Tb4b4b4.Te6edf3toBeTb4b4b4(Ta5d6ff"en"Tb4b4b4)Tb4b4b4;

Tb4b4b4}Tb4b4b4)Tb4b4b4;

Te6edf3itTb4b4b4(Ta5d6ff"setLocale(this.$i18n) switches after registerUiI18n"Tb4b4b4, Tff7b72async Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4{

Tff7b72const Te6edf3i18n Tff7b72= Te6edf3createAppI18nTb4b4b4(Tb4b4b4)Tb4b4b4;

Te6edf3registerUiI18nTb4b4b4(Te6edf3i18nTb4b4b4)Tb4b4b4;

Tff7b72const Te6edf3Comp Tff7b72= Tb4b4b4{

Te6edf3templateTff7b72: Ta5d6ff`Ta5d6ff<span id="label">{{ Ta5d6ff$Ta5d6fft("app.language") }}</span>Ta5d6ff`Tb4b4b4,

Te6edf3methodsTff7b72: Tb4b4b4{

Tff7b72async Te6edf3switchToTb4b4b4(Te6edf3codeTb4b4b4) Tb4b4b4{

Tff7b72return Te6edf3setLocaleTb4b4b4(Tff7b72thisTb4b4b4.Te6edf3$i18nTb4b4b4, Te6edf3codeTb4b4b4)Tb4b4b4;

Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4;

Tff7b72const Te6edf3wrapper Tff7b72= Te6edf3mountTb4b4b4(Te6edf3CompTb4b4b4, Tb4b4b4{ Tffa657globalTff7b72: Tb4b4b4{ Te6edf3pluginsTff7b72: Tb4b4b4[Te6edf3i18nTb4b4b4] Tb4b4b4} Tb4b4b4}Tb4b4b4)Tb4b4b4;

Tff7b72const Te6edf3before Tff7b72= Te6edf3wrapperTb4b4b4.Te6edf3findTb4b4b4(Ta5d6ff"#label"Tb4b4b4)Tb4b4b4.Te6edf3textTb4b4b4(Tb4b4b4)Tb4b4b4;

Te6edf3expectTb4b4b4(Tff7b72await Te6edf3wrapperTb4b4b4.Te6edf3vmTb4b4b4.Te6edf3switchToTb4b4b4(Ta5d6ff"de"Tb4b4b4)Tb4b4b4)Tb4b4b4.Te6edf3toBeTb4b4b4(Tff7b72trueTb4b4b4)Tb4b4b4;

Tff7b72await Te6edf3nextTickTb4b4b4(Tb4b4b4)Tb4b4b4;

Te6edf3expectTb4b4b4(Te6edf3i18nTb4b4b4.Tffa657globalTb4b4b4.Te6edf3localeTb4b4b4.Te6edf3valueTb4b4b4)Tb4b4b4.Te6edf3toBeTb4b4b4(Ta5d6ff"de"Tb4b4b4)Tb4b4b4;

Te6edf3expectTb4b4b4(Te6edf3wrapperTb4b4b4.Te6edf3vmTb4b4b4.Te6edf3$i18nTb4b4b4.Te6edf3localeTb4b4b4)Tb4b4b4.Te6edf3toBeTb4b4b4(Ta5d6ff"de"Tb4b4b4)Tb4b4b4;

Te6edf3expectTb4b4b4(Tffa657documentTb4b4b4.Te6edf3documentElementTb4b4b4.Te6edf3langTb4b4b4)Tb4b4b4.Te6edf3toBeTb4b4b4(Ta5d6ff"de"Tb4b4b4)Tb4b4b4;

Te6edf3expectTb4b4b4(Te6edf3wrapperTb4b4b4.Te6edf3findTb4b4b4(Ta5d6ff"#label"Tb4b4b4)Tb4b4b4.Te6edf3textTb4b4b4(Tb4b4b4)Tb4b4b4)Tb4b4b4.Te6edf3toBeTb4b4b4(Te6edf3deTb4b4b4.Te6edf3appTb4b4b4.Te6edf3languageTb4b4b4)Tb4b4b4;

Te6edf3expectTb4b4b4(Te6edf3wrapperTb4b4b4.Te6edf3findTb4b4b4(Ta5d6ff"#label"Tb4b4b4)Tb4b4b4.Te6edf3textTb4b4b4(Tb4b4b4)Tb4b4b4)Tb4b4b4.Te6edf3notTb4b4b4.Te6edf3toBeTb4b4b4(Te6edf3beforeTb4b4b4)Tb4b4b4;

Tb4b4b4}Tb4b4b4)Tb4b4b4;

Te6edf3itTb4b4b4(Ta5d6ff"LanguageSelector selectLanguage applies locale via Options API proxy"Tb4b4b4, Tff7b72async Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4{

Tff7b72const Te6edf3i18n Tff7b72= Te6edf3createAppI18nTb4b4b4(Tb4b4b4)Tb4b4b4;

Te6edf3registerUiI18nTb4b4b4(Te6edf3i18nTb4b4b4)Tb4b4b4;

Tff7b72const Te6edf3Parent Tff7b72= Tb4b4b4{

Te6edf3componentsTff7b72: Tb4b4b4{ Te6edf3LanguageSelector Tb4b4b4}Tb4b4b4,

Te6edf3templateTff7b72: Ta5d6ff`

Ta5d6ff <div>

<span id="msg">{{ Ta5d6ff$Ta5d6fft("app.language") }}</span>

<LanguageSelector ref="lang" @language-change="onLanguageChange" />

</div>

Ta5d6ff`Tb4b4b4,

Te6edf3dataTb4b4b4(Tb4b4b4) Tb4b4b4{

Tff7b72return Tb4b4b4{ Te6edf3lastEmittedTff7b72: Tff7b72null Tb4b4b4}Tb4b4b4;

Tb4b4b4}Tb4b4b4,

Te6edf3methodsTff7b72: Tb4b4b4{

Tff7b72async Te6edf3onLanguageChangeTb4b4b4(Te6edf3langCodeTb4b4b4) Tb4b4b4{

Tff7b72thisTb4b4b4.Te6edf3lastEmitted Tff7b72= Te6edf3normalizeUiLocaleCodeTb4b4b4(Te6edf3langCodeTb4b4b4)Tb4b4b4;

T8b949e// Parent still persists config. Locale already applied by LanguageSelector.

Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4;

Tff7b72const Te6edf3wrapper Tff7b72= Te6edf3mountTb4b4b4(Te6edf3ParentTb4b4b4, Tb4b4b4{

Tffa657globalTff7b72: Tb4b4b4{

Te6edf3pluginsTff7b72: Tb4b4b4[Te6edf3i18nTb4b4b4]Tb4b4b4,

Te6edf3stubsTff7b72: Tb4b4b4{ Te6edf3MaterialDesignIconTff7b72: Tff7b72trueTb4b4b4, Te6edf3TeleportTff7b72: Tff7b72true Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4)Tb4b4b4;

Tff7b72const Te6edf3selector Tff7b72= Te6edf3wrapperTb4b4b4.Te6edf3findComponentTb4b4b4(Tb4b4b4{ Te6edf3nameTff7b72: Ta5d6ff"LanguageSelector" Tb4b4b4}Tb4b4b4)Tb4b4b4;

Te6edf3expectTb4b4b4(Te6edf3selectorTb4b4b4.Te6edf3existsTb4b4b4(Tb4b4b4)Tb4b4b4)Tb4b4b4.Te6edf3toBeTb4b4b4(Tff7b72trueTb4b4b4)Tb4b4b4;

Tff7b72await Te6edf3selectorTb4b4b4.Te6edf3vmTb4b4b4.Te6edf3selectLanguageTb4b4b4(Ta5d6ff"de"Tb4b4b4)Tb4b4b4;

Tff7b72await Te6edf3flushPromisesTb4b4b4(Tb4b4b4)Tb4b4b4;

Tff7b72await Te6edf3nextTickTb4b4b4(Tb4b4b4)Tb4b4b4;

Te6edf3expectTb4b4b4(Te6edf3i18nTb4b4b4.Tffa657globalTb4b4b4.Te6edf3localeTb4b4b4.Te6edf3valueTb4b4b4)Tb4b4b4.Te6edf3toBeTb4b4b4(Ta5d6ff"de"Tb4b4b4)Tb4b4b4;

Te6edf3expectTb4b4b4(Te6edf3wrapperTb4b4b4.Te6edf3vmTb4b4b4.Te6edf3lastEmittedTb4b4b4)Tb4b4b4.Te6edf3toBeTb4b4b4(Ta5d6ff"de"Tb4b4b4)Tb4b4b4;

Te6edf3expectTb4b4b4(Te6edf3wrapperTb4b4b4.Te6edf3findTb4b4b4(Ta5d6ff"#msg"Tb4b4b4)Tb4b4b4.Te6edf3textTb4b4b4(Tb4b4b4)Tb4b4b4)Tb4b4b4.Te6edf3toBeTb4b4b4(Te6edf3deTb4b4b4.Te6edf3appTb4b4b4.Te6edf3languageTb4b4b4)Tb4b4b4;

Tb4b4b4}Tb4b4b4)Tb4b4b4;

Te6edf3itTb4b4b4(Ta5d6ff"App-style handler recovers when only the Options API proxy is available"Tb4b4b4, Tff7b72async Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4{

Tff7b72const Te6edf3i18n Tff7b72= Te6edf3createAppI18nTb4b4b4(Tb4b4b4)Tb4b4b4;

Te6edf3registerUiI18nTb4b4b4(Te6edf3i18nTb4b4b4)Tb4b4b4;

Tff7b72const Te6edf3Comp Tff7b72= Tb4b4b4{

Te6edf3templateTff7b72: Ta5d6ff`Ta5d6ff<span id="msg">{{ Ta5d6ff$Ta5d6fft("app.language") }}</span>Ta5d6ff`Tb4b4b4,

Te6edf3methodsTff7b72: Tb4b4b4{

Tff7b72async Te6edf3onLanguageChangeTb4b4b4(Te6edf3langCodeTb4b4b4) Tb4b4b4{

Tff7b72const Te6edf3code Tff7b72= Te6edf3normalizeUiLocaleCodeTb4b4b4(Te6edf3langCodeTb4b4b4)Tb4b4b4;

Tff7b72await Te6edf3setLocaleTb4b4b4(Tff7b72thisTb4b4b4.Te6edf3$i18nTb4b4b4, Te6edf3codeTb4b4b4)Tb4b4b4;

Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4;

Tff7b72const Te6edf3wrapper Tff7b72= Te6edf3mountTb4b4b4(Te6edf3CompTb4b4b4, Tb4b4b4{ Tffa657globalTff7b72: Tb4b4b4{ Te6edf3pluginsTff7b72: Tb4b4b4[Te6edf3i18nTb4b4b4] Tb4b4b4} Tb4b4b4}Tb4b4b4)Tb4b4b4;

Tff7b72await Te6edf3wrapperTb4b4b4.Te6edf3vmTb4b4b4.Te6edf3onLanguageChangeTb4b4b4(Ta5d6ff"fr"Tb4b4b4)Tb4b4b4;

Tff7b72await Te6edf3nextTickTb4b4b4(Tb4b4b4)Tb4b4b4;

Te6edf3expectTb4b4b4(Te6edf3i18nTb4b4b4.Tffa657globalTb4b4b4.Te6edf3localeTb4b4b4.Te6edf3valueTb4b4b4)Tb4b4b4.Te6edf3toBeTb4b4b4(Ta5d6ff"fr"Tb4b4b4)Tb4b4b4;

Te6edf3expectTb4b4b4(Te6edf3wrapperTb4b4b4.Te6edf3findTb4b4b4(Ta5d6ff"#msg"Tb4b4b4)Tb4b4b4.Te6edf3textTb4b4b4(Tb4b4b4)Tb4b4b4)Tb4b4b4.Te6edf3notTb4b4b4.Te6edf3toBeTb4b4b4(Te6edf3enTb4b4b4.Te6edf3appTb4b4b4.Te6edf3languageTb4b4b4)Tb4b4b4;

Tb4b4b4}Tb4b4b4)Tb4b4b4;

Te6edf3itTb4b4b4(Ta5d6ff"oracle: every bundled pack is reachable via Options API setLocale"Tb4b4b4, Tff7b72async Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4{

Tff7b72const Te6edf3i18n Tff7b72= Te6edf3createAppI18nTb4b4b4(Tb4b4b4)Tb4b4b4;

Te6edf3registerUiI18nTb4b4b4(Te6edf3i18nTb4b4b4)Tb4b4b4;

Tff7b72const Te6edf3wrapper Tff7b72= Te6edf3mountTb4b4b4(Tb4b4b4{ Te6edf3templateTff7b72: Ta5d6ff"<div />" Tb4b4b4}Tb4b4b4, Tb4b4b4{ Tffa657globalTff7b72: Tb4b4b4{ Te6edf3pluginsTff7b72: Tb4b4b4[Te6edf3i18nTb4b4b4] Tb4b4b4} Tb4b4b4}Tb4b4b4)Tb4b4b4;

Tff7b72const Te6edf3packs Tff7b72= Te6edf3listLocaleCodesTb4b4b4(Tb4b4b4)Tb4b4b4;

Te6edf3expectTb4b4b4(Te6edf3packsTb4b4b4.Te6edf3lengthTb4b4b4)Tb4b4b4.Te6edf3toBeGreaterThanOrEqualTb4b4b4(T79c0ff8Tb4b4b4)Tb4b4b4;

Tff7b72for Tb4b4b4(Tff7b72const Te6edf3code Tff7b72of Te6edf3packsTb4b4b4) Tb4b4b4{

Te6edf3expectTb4b4b4(Tff7b72await Te6edf3setLocaleTb4b4b4(Te6edf3wrapperTb4b4b4.Te6edf3vmTb4b4b4.Te6edf3$i18nTb4b4b4, Te6edf3codeTb4b4b4)Tb4b4b4)Tb4b4b4.Te6edf3toBeTb4b4b4(Tff7b72trueTb4b4b4)Tb4b4b4;

Te6edf3expectTb4b4b4(Te6edf3i18nTb4b4b4.Tffa657globalTb4b4b4.Te6edf3localeTb4b4b4.Te6edf3valueTb4b4b4)Tb4b4b4.Te6edf3toBeTb4b4b4(Te6edf3codeTb4b4b4)Tb4b4b4;

Te6edf3expectTb4b4b4(Te6edf3listAvailableLocalesOrThrowTb4b4b4(Te6edf3i18nTb4b4b4)Tb4b4b4.Te6edf3includesTb4b4b4(Te6edf3codeTb4b4b4)Tb4b4b4)Tb4b4b4.Te6edf3toBeTb4b4b4(Tff7b72trueTb4b4b4)Tb4b4b4;

Tb4b4b4}

Tb4b4b4}Tb4b4b4)Tb4b4b4;

Tb4b4b4}Tb4b4b4)Tb4b4b4;

Tff7b72function Te6edf3listAvailableLocalesOrThrowTb4b4b4(Te6edf3i18nTb4b4b4) Tb4b4b4{

Tff7b72const Te6edf3locales Tff7b72= Te6edf3i18nTb4b4b4.Tffa657globalTb4b4b4.Te6edf3availableLocalesTb4b4b4;

Tff7b72if Tb4b4b4(Tff7b72!Tffa657ArrayTb4b4b4.Te6edf3isArrayTb4b4b4(Te6edf3localesTb4b4b4)Tb4b4b4) Tb4b4b4{

Tff7b72throw Tff7b72new Tf85149ErrorTb4b4b4(Ta5d6ff"expected availableLocales array"Tb4b4b4)Tb4b4b4;

Tb4b4b4}

Tff7b72return Te6edf3localesTb4b4b4;

Tb4b4b4}